<html>
<head>
<script src="<?{$template_dir}?>/js/jquery.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script>
	$(document).ready(function(){
	 $("dd:not(:first)").hide();
		$("dt a").click(function(){
			$("dd:visible").slideUp("slow");
			$(this).parent().next().slideDown("slow");
			return false;
		});
	});
	</script>
		<style>
	dl { width: 150px; }
	dl,dd { margin: 0; }
	dt { background: gray; font-size: 14px; padding: 2px; margin: 2px; }
	dt a { color: #FFF; }
	dd a { color: #000;font-size: 12px; }
	ul { list-style: none; padding: 2px; }
	</style>
</head>
<body style="background: #E8FFF5">
<dl>
<?{foreach from=$left key=k item=values}?>
	
	<dt><a href="#"><?{$values.title}?></a></dt>
	<?{ if $values.child neq ""}?>
	<dd><ul>
		<?{foreach from=$values.child key=k item=values}?>
			<li><a target="I2" href="<?{$baseurl}?>/<?{$values.path}?>"><?{$values.title}?></a></li>
		<?{/foreach}?>
		</ul>
	</dd>
	<?{/if}?>
<?{/foreach}?>

</body>
</html>


